<template>
  <div id="app">
    <section class="demo-sec">
      <p>form demo:</p>
      <form-demo />
    </section>
    <section class="demo-sec">
      <p>tabs demo:</p>
      <tabs-demo />
    </section>
    <section class="demo-sec">
      <p>message demo:</p>
      <message-demo />
    </section>
  </div>
</template>

<script>
import FormDemo from './components/Form/demo'
import TabsDemo from './components/Tabs/demo'
import MessageDemo from './components/Message/demo'

export default {
  name: 'App',
  components: {
    FormDemo, TabsDemo, MessageDemo
  }
}
</script>

<style>
#app {

}
</style>
